import React from 'react'
import { hashHistory } from 'react-router'
import CommonHeader from 'COMPONENT/CommonHeader';
import { List, Icon, Toast,InputItem ,Button  } from 'antd-mobile'
import './index.less';
import PropTypes from 'prop-types';
class Home extends React.Component {
    static contextTypes = {
        router: PropTypes.object.isRequired
    }
    constructor(props){ 
        super(props);
        this.state={ 
            loanMoney:'123,999.00',
            loanLimit:'24个月',
            buyerPhone:'13245676543',
            sellerPhone:'15234234543',
            houseNum:'4',
        }
    }
    
    btnClick=()=>{ 
        //跳转下个页面
        this.context.router.push({
			pathname: '/Mine'
        })
    }

    render() {
        return (
            <div className="progress_inquiry">
                <CommonHeader 
					name='进度查询'					
					leftContentTitle="@back" 
					leftContent='返回'

				/>
				<div style={{height:'.9rem'}}></div>
                
                <div className="form_body">
                    <List>
                        <InputItem defaultValue="Y234321432" editable={false}>中介流水号</InputItem>
                        <InputItem defaultValue="2015-12-22" editable={false}>申请时间</InputItem>
                        <InputItem defaultValue="上海市" editable={false}>位置</InputItem>
                        <InputItem defaultValue="房产中心" editable={false}>机构名称</InputItem>                
                        <InputItem defaultValue="1234212.00" editable={false}>贷款金额</InputItem>
                        <InputItem defaultValue="123" editable={false}>面积</InputItem>
                        <InputItem defaultValue="评估中心" editable={false}>评估单位</InputItem>
                        <InputItem defaultValue="身份证" editable={false}>买方证件类型</InputItem>
                        <InputItem defaultValue="23123452********4536" editable={false}>买方证件号码</InputItem>
                        <InputItem defaultValue="13245676543" editable={false}>买方联系电话</InputItem>
                         <InputItem defaultValue="身份证" editable={false}>卖方证件类型</InputItem>
                        <InputItem defaultValue="23102434********1232" editable={false}>卖方证件号码</InputItem>
                        <InputItem defaultValue="15234543454" editable={false}>卖方联系电话</InputItem>
                    </List>

                    <div className="form_title">操作节点信息</div>
                    <div className="form_table">
                        <div className="form_table_line">
                            <div>序号</div><div>节点名称</div><div>处理人</div><div>节点状态</div><div>开始时间</div><div>结束时间</div>
                        </div>
                        <div className="form_table_line">
                            <div>1</div><div>审批</div><div>杨志</div><div>待开始</div><div>2008-11-23</div><div>2008-11-24</div>
                        </div>
                        <div className="form_table_line">
                            <div>2</div><div>申请</div><div>赵飞</div><div>已开始</div><div>2001-10-23</div><div>2002-10-24</div>
                        </div>
                    </div>
                </div>

                <div className="btnGroup-one">
                    <Button type="primary" className="btnGroup-one-btn" onClick={this.btnClick}>退出</Button>
                </div>

            </div>
        );
    }
}
export default Home;